$(document).ready(function(){
    $("#dq").next().slideUp();//上滑
    $("#zh").next().slideUp();//上滑
    $("#dq").click(function(){
        $("#dq").next().slideToggle();
    });
    $("#zh").click(function(){
        $("#zh").next().slideToggle();
    });

    $(".d2").click(function(){
        $(this).addClass("left");
        $(this).siblings().removeClass("left");
    });

    $("#yh1").slideUp();//上滑

    $("#yh").click(function(){
        $("#yh1").slideToggle();
    });

    $("#tj").slideUp(0);//上滑
    $('#b1').click(function(){//添加
        $("#tj").slideToggle();
    });
    $("#ifm1").slideUp(0);//上滑
    $("#wzdiv").click(function(){//文章
        $("#ifm1").slideToggle();
    });

    $('#btnqx').click(function(){//添加
        $("#tj").slideToggle();
    });
    $('#btnqd').click(function(){//添加
        var p=$('#pwd').val();
        var n=$('#name_id1').val();
        $.ajax({
            type:"post",
            url:"/add.php",
            data:{
                pwd:p,
                name_id:n
            },
            success:function(mgs){
                //console.log(mgs);
                if(mgs=="已存在"){
                    alert(mgs);
                }/*else{
			            		$().ap
			            	}*/
            }
        });
    });

    $("#xg").slideUp(0);//上滑
    $('#btnqx1').click(function(){//修改
        $("#xg").slideToggle();
    });
    var uid=1;
    $('#btnqd1').click(function(){//修改
        var p=$('#pwdd').val();
        var n=$('#name_id').val();
        $.ajax({
            type:"post",
            url:"/modification.php",
            data:{
                uid:uid,
                pwd:p,
                name_id:n
            },
            success:function(mgs){
                //console.log(mgs);
                $('[uid='+uid+']').parent().parent().children().eq(0).text(n);
                $('[uid='+uid+']').parent().parent().children().eq(1).text(p);
            }
        });
    });





    var th='<tr>'+'<th>用户</th>'+'<th>密码</th>'+'<th>操作</th>'+'</tr>';

    $.ajax({
        type:"get",
        url:"/register.php",
        data:{
            page:1
        },
        dataType:'json',
        success:function(mgs){
            console.log(mgs);
            var data=mgs.data;
            var count=mgs.count;
            var html='';
            for (var i in data) {
                html+="<tr>";
                for (var d in data[i]) {
                    if(d=='uid')
                    {
                        continue;
                    }
                    html+="<td>"+data[i][d]+"</td>"
                }
                html+='<td><button class="del" name="del" uid='+data[i]['uid']
                    +'>删除</button><button class="update"  name="update" uid="'+data[i]['uid']
                    +'">修改</button></td></tr>';
            }
            $('#tab').html(th+html);
            $('.del').click(function(){//删除
                var btn_this=$(this);
                $.ajax({
                    type:"post",
                    url:"/delete.php",
                    data:{
                        uid:$(this).attr('uid')
                    },
                    success:function(mgs){
                        //console.log(mgs);
                        btn_this.parent().parent().remove();
                    }
                });
            });

            $('.update').click(function(){//修改
                $("#xg").slideToggle();
                uid=$(this).attr('uid');
            });
            /*//查看*/
            $('#b2').click(function(){
                var txt=$('#text').val();
                console.log(txt);
                var html1='';
                for (var i in data) {
                    for (var d in data[i]) {
                        if((data[i][d]).indexOf(txt)!=-1){
                            html1+="<tr>";
                            for (var j in data[i]) {
                                if(j=='uid')
                                {
                                    continue;
                                }
                                html1+="<td>"+data[i][j]+"</td>"
                            }//3.添加功能按钮
                            html1+='<td><button class="del" name="del" uid='+data[i]['uid']
                                +'>删除</button><button class="update"  name="update" uid="'+data[i]['uid']
                                +'">修改</button></td></tr>';break;
                        }
                    }
                }
                $('#tab').html(th+html1);
                $('.del').click(function(){//删除
                    var btn_this=$(this);
                    $.ajax({
                        type:"post",
                        url:"/delete.php",
                        data:{
                            uid:$(this).attr('uid')
                        },
                        success:function(mgs){
                            //console.log(mgs);
                            btn_this.parent().parent().remove();
                        }
                    });
                });

                $('.update').click(function(){//修改
                    $("#xg").slideToggle();
                    uid=$(this).attr('uid');
                });
            });
            /*//查看*/
            var s='';
            for (var i=1;i<=count;i++){
                s+="<option value='"+i+"'>"+i+"</option>";
            }
            $('#select').html(s);
            $('#select').after("页"+" 共"+count+"页");
        }
    });
    $("#select").change(function(){
        var val=$("#select>option:selected").val();//也可以用#slt1>option:checked, 获取到下拉框被选中的option的 value值
        console.log(val);
        $.ajax({
            type:"get",
            url:"/register.php",
            data:{
                page:val
            },
            dataType:'json',
            success:function(mgs){
                console.log(mgs);
                var data=mgs.data;
                var count=mgs.count;
                var html='';
                for (var i in data) {
                    html+="<tr>";
                    for (var d in data[i]) {
                        if(d=='uid')
                        {
                            continue;
                        }
                        html+="<td>"+data[i][d]+"</td>"
                    }
                    html+='<td><button class="del" name="del" uid='+data[i]['uid']
                        +'>删除</button><button class="update"  name="update" uid="'+data[i]['uid']
                        +'">修改</button></td></tr>';
                }
                $('#tab').html(th+html);
                $('.del').click(function(){//删除
                    var btn_this=$(this);
                    $.ajax({
                        type:"post",
                        url:"/delete.php",
                        data:{
                            uid:$(this).attr('uid')
                        },
                        success:function(mgs){
                            //console.log(mgs);
                            btn_this.parent().parent().remove();
                        }
                    });
                });

                $('.update').click(function(){//修改
                    $("#xg").slideToggle();
                    uid=$(this).attr('uid');
                });
                /*//查看*/
                $('#b2').click(function(){//查看
                    var txt=$('#text').val();
                    console.log(txt);
                    var html1='';
                    for (var i in data) {
                        for (var d in data[i]) {
                            if((data[i][d]).indexOf(txt)!=-1){
                                html1+="<tr>";
                                for (var j in data[i]) {
                                    if(j=='uid')
                                    {
                                        continue;
                                    }
                                    html1+="<td>"+data[i][j]+"</td>"
                                }//3.添加功能按钮
                                html1+='<td><button class="del" name="del" uid='+data[i]['uid']
                                    +'>删除</button><button class="update"  name="update" uid="'+data[i]['uid']
                                    +'">修改</button></td></tr>';break;
                            }
                        }
                    }
                    $('#tab').html(th+html1);
                    $('.del').click(function(){//删除
                        var btn_this=$(this);
                        $.ajax({
                            type:"post",
                            url:"/delete.php",
                            data:{
                                uid:$(this).attr('uid')
                            },
                            success:function(mgs){
                                //console.log(mgs);
                                btn_this.parent().parent().remove();
                            }
                        });
                    });

                    $('.update').click(function(){//修改
                        $("#xg").slideToggle();
                        uid=$(this).attr('uid');
                    });
                });
                /*//查看*/
            }
        });
    });

});